﻿@{
    Layout = null;
    ViewBag.Title = "购物车";
    var list = ViewData["list"] as List<Pay.DTO.cart_ex>;
    var domain = "http://testimg.epalpay.cn/";
    var likelist = ViewData["likelist"] as Pay.TO.PagedResult<Pay.DTO.product_dto>;
}
<html>

<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telphone=no, email=no" />
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" type="text/css" href="~/Content/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/css/gelunbu.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/css/ipt.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/css/car.css" />
    <style type="text/css">

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .clearfix:after {
            content: "";
            display: block;
            width: 100%;
            height: 0;
            clear: both;
        }

        h1, h2, h3, h4, h5, h6 {
            font-weight: normal;
        }

        .relative {
            position: relative;
        }

        .absolute {
            position: absolute;
        }

        .fixed {
            position: fixed;
        }

        button, input {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            outline: none;
            border: none;
            text-align: center;
        }

        .icon_houser {
            float: left;
            width: 16px;
            height: 16px;
            margin-right: 6px;
            margin-top: 2px;
            background: url(/Content/images/dp_logo@2x.png) left center no-repeat;
            background-size: contain;
        }

        .no {
            position: relative;
            padding: 20px 0;
        }

            .no .sp-icon-car::after {
                position: absolute;
                top: 150px;
                left: 0;
                content: '暂无数据，快去逛逛吧！';
                display: block;
                font-size: 20px;
                text-align: center;
                width: 100%;
                line-height: 30px;
                font-weight: normal;
                font-style: normal;
            }
    </style>
</head>

<body>


    <!--头部-->
    <header>
        购物车<span class="fr">编辑</span>
    </header>
    <!--头部-->
    <!--主题-->
    <div class="no">

        <i class="sp-icon-car"></i>

    </div>
    <div class="con">
        <div class="content">
            <div class="list">
                <div class="fl">
                    <label>
                        <input type="checkbox" checked="checked" />
                        <img src="~/Content/images/c_checkbox_on.png" />
                    </label>
                </div>
                <p> <i class="icon_houser"></i> 洋酒</p>
            </div>
            <ul ind="0">
                <li class="clearfix">
                    <div class="label fl">
                        <label>
                            <input type="checkbox" checked="checked" />
                            <img src="~/Content/images/c_checkbox_on.png" />
                        </label>
                    </div>
                    <div class="img fl">
                        <img src="~/Content/images/logo.png" />
                    </div>
                    <div class="text fl">
                        <p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
                        <div class="overstate">舒适装/单只</div>
                        <div class="tipnum">x1</div>
                        <p class="clearfix">
                            <span class="fl red">￥119</span>

                            <span class="fr nums">
                                <input type="button" value="-" class="btn1" />
                                <span class="number">1</span>
                                <input type="button" value="+" class="btn2" />
                            </span>
                        </p>
                    </div>
                </li>
                <li class="clearfix">
                    <div class="label fl">
                        <label>
                            <input type="checkbox" checked="checked" />
                            <img src="~/Content/images/c_checkbox_on.png" />
                        </label>
                    </div>
                    <div class="img fl">
                        <img src="~/Content/images/logo.png" />
                    </div>
                    <div class="text fl">
                        <p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
                        <div class="overstate">舒适装/单只</div>
                        <div class="tipnum">x1</div>
                        <p class="clearfix">
                            <span class="fl red">￥140</span>
                            <span class="fr nums">
                                <input type="button" value="-" class="btn1" />
                                <span class="number">3</span>
                                <input type="button" value="+" class="btn2" />
                            </span>
                        </p>
                    </div>
                </li>
                <li class="clearfix">
                    <div class="label fl">
                        <label>
                            <input type="checkbox" checked="checked" />
                            <img src="~/Content/images/c_checkbox_on.png" />
                        </label>
                    </div>
                    <div class="img fl">
                        <img src="~/Content/images/logo.png" />
                    </div>
                    <div class="text fl">
                        <p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
                        <div class="overstate">舒适装/单只</div>
                        <div class="tipnum">x1</div>
                        <p class="clearfix">
                            <span class="fl red">￥130</span>
                            <span class="fr nums">
                                <input type="button" value="-" class="btn1" />
                                <span class="number">5</span>
                                <input type="button" value="+" class="btn2" />
                            </span>
                        </p>
                    </div>
                </li>
            </ul>
            <p class="total">总计(不含税)：<span></span></p>
        </div>
        <div class="content">
            <div class="list">
                <div class="fl">
                    <label>
                        <input type="checkbox" checked="checked" />
                        <img src="~/Content/images/c_checkbox_on.png" />
                    </label>
                </div>
                <p> <i class="icon_houser"></i>红酒</p>
            </div>
            <ul ind="1">
                <li class="clearfix">
                    <div class="label fl">
                        <label>
                            <input type="checkbox" checked="checked" />
                            <img src="~/Content/images/c_checkbox_on.png" />
                        </label>
                    </div>
                    <div class="img fl">
                        <img src="~/Content/images/logo.png" />
                    </div>
                    <div class="text fl">
                        <p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
                        <div class="overstate">舒适装/单只</div>
                        <div class="tipnum">x1</div>
                        <p class="clearfix">
                            <span class="fl red">￥119</span>
                            <span class="fr nums">
                                <input type="button" value="-" class="btn1" />
                                <span class="number">1</span>
                                <input type="button" value="+" class="btn2" />
                            </span>
                        </p>
                    </div>
                </li>
                <li class="clearfix">
                    <div class="label fl">
                        <label>
                            <input type="checkbox" checked="checked" />
                            <img src="~/Content/images/c_checkbox_on.png" />
                        </label>
                    </div>
                    <div class="img fl">
                        <img src="~/Content/images/logo.png" />
                    </div>
                    <div class="text fl">
                        <p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
                        <div class="overstate">舒适装/单只</div>
                        <div class="tipnum">x1</div>
                        <p class="clearfix">
                            <span class="fl red">￥120</span>
                            <span class="fr nums">
                                <input type="button" value="-" class="btn1" />
                                <span class="number">3</span>
                                <input type="button" value="+" class="btn2" />
                            </span>
                        </p>
                    </div>
                </li>
                <li class="clearfix">
                    <div class="label fl">
                        <label>
                            <input type="checkbox" checked="checked" />
                            <img src="~/Content/images/c_checkbox_on.png" />
                        </label>
                    </div>
                    <div class="img fl">
                        <img src="~/Content/images/logo.png" />
                    </div>
                    <div class="text fl">
                        <p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
                        <div class="overstate">舒适装/单只</div>
                        <div class="tipnum">x1</div>
                        <p class="clearfix">
                            <span class="fl red">￥130</span>
                            <span class="fr nums">
                                <input type="button" value="-" class="btn1" />
                                <span class="number">7</span>
                                <input type="button" value="+" class="btn2" />
                            </span>
                        </p>
                    </div>
                </li>
            </ul>
            <p class="total">总计(不含税)：<span></span></p>
        </div>
    </div>
    <!--主题-->
    <!--结算-->
    <div class="bottom fixed">
        <div class="fl bottom-label">
            <label>
                <input type="checkbox" checked="checked" />
                <img src="~/Content/images/c_checkbox_on.png" class="fl" />
                全选
            </label>
        </div>
        <button class="sett">结算</button>
        <div class="fr fsize">
            需要支付：<span></span>

            <div class="fsize">
                商品税费：￥0.00
            </div>

        </div>

    </div>
    <!--结算-->
    <!--删除-->
    <div class="bottom fixed" style="display: none;">
        <div class="fl bottom-label">
            <label>
                <input type="checkbox" checked="checked" />
                <img src="~/Content/images/c_checkbox_on.png" class="fl" />
                全选
            </label>
        </div>
        <div class="fr">
            <button class="delete">删除</button>
        </div>
    </div>
    <!--删除-->
    <!--弹框-->
    <!--<div class="text1 fixed">
        <form>
            <input type="number"/>
            <input type="button"  value="确定"/>
        </form>
    </div>-->
    <!--弹框-->
    <!--弹框2-->
    <div class="alert fixed"></div>




    <!--猜你喜欢-->
    <div class="like" style="padding-bottom: 200px;">
        <div class="like_top like-line">
            猜你喜欢
        </div>
        <ul class="related_container " style="background: #fff;">
            <li class="relate_item">
                <a href="pro_details.html">
                    <img src="~/Content/images/pro_list_img_1.png" class="pro_list_img">
                    <p class="relate_small_title">丝绒枕头酒店柔软不压缩的枕芯</p>
                    <span class="relate_price">$68</span>
                </a>
            </li>
            <li class="relate_item">
                <a href="pro_details.html">
                    <img src="~/Content/images/pro_list_img_2.png" class="pro_list_img">

                    <p class="relate_small_title">丝绒枕头酒店柔软不压缩的枕芯</p>
                    <span class="relate_price">$68</span>
                </a>
            </li>
            <li class="relate_item">
                <a href="pro_details.html">
                    <img src="~/Content/images/pro_list_img_1.png" class="pro_list_img">

                    <p class="relate_small_title">丝绒枕头酒店柔软不压缩的枕芯</p>
                    <span class="relate_price">$68</span>
                </a>
            </li>
            <li class="relate_item">
                <a href="pro_details.html">
                    <img src="~/Content/images/pro_list_img_2.png" class="pro_list_img">

                    <p class="relate_small_title">丝绒枕头酒店柔软不压缩的枕芯</p>
                    <span class="relate_price"> $68</span>
                </a>
            </li>
        </ul>
        <p class="down-loading">下拉查看更多</p>
    </div>

    <!--底部导航-->
    <div class="fixed_nav">
        <ul class="fixed_nav_container">
            <li>
                <a href="index.html">
                    <i class="fnav_icon_box icon_1"></i> 首页
                </a>
            </li>
            <li>
                <a href="classify.html">
                    <i class="fnav_icon_box icon_2"></i> 分类
                </a>
            </li>
            <li>
                <a href="shopping_car.html" class="nav_hover">
                    <i class="fnav_icon_box icon_hover_3"></i> 购物车
                </a>
            </li>
            <li>
                <a href="my.html">
                    <i class="fnav_icon_box icon_4"></i> 我的
                </a>
            </li>
        </ul>
    </div>
    <script src="~/Content/js/web.js" type="text/javascript"></script>
    <!--<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>-->

    <script src="~/Content/js/zepto.js" type="text/javascript"></script>
    <script src="~/Content/js/car.js" type="text/javascript"></script>
    <script type="text/javascript">
        /*增加或删除数量*/
        function sub(psid) {
            var yzquantity = $(".yzquantity" + psid).val();
            if (yzquantity > 0) {
                if (yzquantity == 1) {
                    alert("已到达最小数量！");
                    return;
                }
                yzquantity--;
                $(".yzquantity" + psid).val(yzquantity);
            } else {
                alert("请输入有效数量！");
            }
        }

        function plus(psid) {
            var yzquantity = $(".yzquantity" + psid).val();
            if (yzquantity > 0) {
                yzquantity++;
                $(".yzquantity" + psid).val(yzquantity);
            } else {
                alert("请输入有效数量！");
            }
        }

        function yzquantity(psid) {
            var yzquantity = $(".yzquantity" + psid).val();
            var reg = /^[0-9]*$/;
            reg.test(yzquantity);
            if (reg.test(yzquantity) == false) {
                alert("请输入有效数量！");
                $(".yzquantity" + psid).val(yzquantity);
            }
        }


    </script>
</body>

</html>